﻿<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<title>英语教学系统</title>
<link rel="stylesheet" type="text/css" href="static/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="static/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="static/css/edua-icons.css">
<link rel="stylesheet" type="text/css" href="static/css/animate.min.css">
<link rel="stylesheet" type="text/css" href="static/css/owl.carousel.css">
<link rel="stylesheet" type="text/css" href="static/css/owl.transitions.css">
<link rel="stylesheet" type="text/css" href="static/css/cubeportfolio.min.css">
<link rel="stylesheet" type="text/css" href="static/css/settings.css">
<link rel="stylesheet" type="text/css" href="static/css/bootsnav.css">
<link rel="stylesheet" type="text/css" href="static/css/style.css">
<link rel="stylesheet" type="text/css" href="static/css/loader.css">
<link rel="icon" href="static/images/favicon.png">

<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>

<body>
<a href="#" class="scrollToTop"><i class="fa fa-angle-up"></i></a>
<!--Loader-->
<div class="loader">
  <div class="bouncybox">
      <div class="bouncy"></div>
    </div>
</div>

<!--Header-->
<header>
  <nav class="navbar navbar-default navbar-sticky bootsnav">
    <div class="container"> 
       <!-- <div class="search_btn btn_common"><i class="icon-icons185"></i></div> -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
          <i class="fa fa-bars"></i>
        </button>
        <a class="navbar-brand" href="index.html">
        <img src="images/logo.png" class="logo logo-scrolled" alt="">
        </a>
      </div>
      <div class="collapse navbar-collapse" id="navbar-menu">
        <ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeOut">
          <li class="dropdown">
            <a href="course.html" >课程介绍</a>
          </li>
          <li class="dropdown">
            <a href="teacher.html">教师介绍</a>
          </li>
          <li ><a href="blog.html">论坛</a></li>
          <li ><a href="resource.html">下载中心</a></li>
          <li class="active"><a href="contact.html">联系我们</a></li>
        </ul>
      </div>
    </div>   
  </nav>
</header>
<section id="contact" class="padding">
  <div class="container">
<div class="row padding-bottom">
      <div class="col-md-4 contact_address heading_space wow fadeInLeft animated" data-wow-delay="450ms" style="visibility: visible; animation-delay: 4500ms; animation-name: fadeInLeft;">
        <h2 class="heading heading_space">&nbsp;联&nbsp;系&nbsp;方&nbsp;式 <span class="divider-left"></span></h2>
        <p>&nbsp;</p>
        <div class="address">
          <i class="icon icon-map-pin border_radius"></i>
          <h4>地址</h4>
          <p>中国&nbsp;&nbsp;北京&nbsp;&nbsp;密云&nbsp;&nbsp;</p>
        </div>
        <div class="address">
          <i class="icon icon-mail border_radius"></i>
          <h4>邮箱</h4>
          <p><a href="mailto:Edua@info.com">Edua@info.com</a></p>
        </div>
        <div class="address">
          <i class="icon icon-phone4 border_radius"></i>
          <h4>电话</h4>
          <p>(+01) 123 456 7890</p>
        </div>
      </div>
      <div class="col-md-8 wow fadeInRight animated" data-wow-delay="500ms" style="visibility: visible; animation-delay: 4500ms; animation-name: fadeInRight;">
        <h2 class="heading heading_space">联系表格<span class="divider-left"></span></h2>
        <form class="form-inline findus" id="contact-form" onsubmit="return false">
          <div class="row">
            <div class="col-md-12">
              <div id="result"></div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-4 col-sm-4">
              <div class="form-group">
                <input type="text" class="form-control" placeholder="Name" name="name" id="name" required="">
              </div>
            </div>
            <div class="col-md-4 col-sm-4">
              <div class="form-group">
                <input type="email" class="form-control" placeholder="Email" name="email" id="email" required="">
              </div>
            </div>
            <div class="col-md-4 col-sm-4">
              <div class="form-group">
                <input type="text" class="form-control" placeholder="Website" name="website" id="website" required="">
              </div>
            </div>
            <div class="col-md-12">
              <textarea placeholder="Comment" name="message" id="message"></textarea>
              <button class="btn_common yellow border_radius" id="btn_submit">提交</button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</section>
<script src="static/js/jquery-2.2.3.js"></script>
<script src="static/js/bootstrap.min.js"></script>
<script src="static/js/bootsnav.js"></script>
<script src="static/js/jquery.appear.js"></script>
<script src="static/js/jquery-countTo.js"></script>
<script src="static/js/jquery.parallax-1.1.3.js"></script>
<script src="static/js/owl.carousel.min.js"></script>
<script src="static/js/jquery.cubeportfolio.min.js"></script>
<script src="static/js/jquery.themepunch.tools.min.js"></script>
<script src="static/js/jquery.themepunch.revolution.min.js"></script>
<script src="static/js/revolution.extension.layeranimation.min.js"></script>
<script src="static/js/revolution.extension.navigation.min.js"></script>
<script src="static/js/revolution.extension.parallax.min.js"></script>
<script src="static/js/revolution.extension.slideanims.min.js"></script>
<script src="static/js/revolution.extension.video.min.js"></script>
<script src="static/js/wow.min.js"></script>
<script src="static/js/functions.js"></script>
<script type="text/javascript">
	$(function() {
			var data = {//传递的数据
					"offset" : 0,
					"limit":100
				};
			$.ajax({
				url : "resource/getResources",//请求的url
				type : "post",//请求方式
				data : JSON.stringify(data),
				dataType : "json",//后台数据返回类型
				contentType:"application/json",
				success : function(data) {//响应成功执行的方法
					res = data.rows;
				console.log(res);
				var html='';
				for(var i=0;i<res.length;i++) {
					html+=	'		   <tr>									'	+
					'		              <td><h4 class="price_product text-center">'+res[i].des+'</h4></td>									'	+
					'		              <td><h4 class="singl-price text-center">'+res[i].fileName+'</h4></td>	'+		
					'                     <td><h4 class="singl-price text-center">'+res[i].createDate+'</h4></td>		'	+
					'		              <td class="text-center"><a class="btn-close" href="'+res[i].resPath+'" download="'+res[i].fileName+'"><span class="glyphicon glyphicon-save" style="color: rgb(255, 140, 60);"></span></a></td>									'	+
					'		            </tr>									';


				}
				$("#resource").html(html);

				},
				error : function() {//出现异常执行方法
					alert("出现异常啦...");
				}
			});
		});
</script>
</body>
</html>

